<template>
  <div>
    <CategorySelect :disabled="!isShow" />
    <AttrList v-if="isShow" @setIsShow="isShow = $event" />
    <AddOrUpdateAttr v-else @setIsShow="isShow = $event" />
  </div>
</template>

<script lang="ts">
export default {
  name: "XAttrs",
};
</script>

<script lang="ts" setup>
import { ref } from "vue";
import CategorySelect from "@/components/CategorySelect/index.vue";
import AttrList from "./components/attrList.vue";
import AddOrUpdateAttr from "./components/addOrUpdateAttr.vue";
const isShow = ref(true);
</script>

<style scoped></style>
